<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <link rel="icon" href="//loan.ppdaicdn.com/favicon.ico"/>
    <title>拍拍贷官网_纽交所上市企业，网络借贷平台，解决个人小额借款、短期借款问题。资金银行存管，安全保障。</title>
    <meta name="keywords" content="拍拍贷-网络借款,民间借贷,小额借款,无抵押借款,信用借款,网络借贷,借贷平台,拍拍贷,人人贷,投资,个人,投资,借款,借款,互联网金融,投融资"/>
    <meta name="description" content="拍拍贷官网_纽交所上市企业，网络借贷平台，解决个人小额借款、短期借款问题。资金银行存管，安全保障。"/>
    <link href="/css/chunk-vendors.391ed6f9.css" rel="stylesheet"/>
    <link href="/css/app.ce7e9e51.css" rel="stylesheet"/>
    <link href="/css/text.css" rel="stylesheet"/>
    <script charset="utf-8" src="/js/chunk-1ad287f2.7d829efe.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/chunk-412f2213.6770155d.css"/>
    <script charset="utf-8" src="/js/chunk-412f2213.d5649920.js"></script>
    <style type="text/css">
        div,
        ul,
        .index-header *,
        .self-footer *,
        .menu-breadcrumb *,
        .side-bar-wrapper * {
            margin: 0;
            padding: 0;
        }

        a {
            text-decoration: none;
        }

        .download-popover {
            padding: 12px;
            padding-right: 0;
            width: 700px;
        }

        .download-popover > div {
            float: left;
        }

        .download-popover .down-wrap {
            margin: 10px 0 15px 10px;
        }

        .download-popover .down-wrap:last-child {
            margin: 10px 0 15px 0;
        }

        .download-popover .split-line {
            width: 1px;
            height: 108px;
            background-color: #eeeeee;
            margin: 0 35px;
            margin-top: 13px;
        }

        .download-popover .down-wrap > div {
            display: inline-block;
            float: left;
        }

        .download-popover .down-wrap .down-left img {
            width: 130px;
            height: 130px;
        }

        .download-popover .down-wrap .down-right {
            margin-left: 20px;
            margin-top: 10px;
        }

        .download-popover .down-wrap .down-right img {
            width: 60px;
            height: 60px;
        }

        .download-popover .down-wrap .down-right .down-tip-strong {
            margin-top: 10px;
            font-family: PingFangSC-Medium;
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 16px;
            letter-spacing: 0px;
            color: #1f2637;
        }

        .download-popover .down-wrap .down-right .down-tip {
            margin-top: 6px;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 16px;
            letter-spacing: 0px;
            color: #999999;
        }

        .index-header .top-head {
            width: 100%;
            min-width: 1200px;
            height: 32px;
            background-color: #313b50;
            -webkit-box-shadow: 0px 1px 8px 0px rgba(151, 167, 191, 0.12);
            box-shadow: 0px 1px 8px 0px rgba(151, 167, 191, 0.12);
        }

        .index-header .top-head .top-head-contents {
            width: 1200px;
            margin: 0 auto;
        }

        .index-header .top-head .top-head-contents .forum-wrap {
            float: right;
        }

        .index-header .top-head .top-head-contents p {
            float: right;
            line-height: 32px;
            font-family: PingFangSC-Light;
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            color: #afb2b8;
        }

        .index-header .top-head .top-head-contents p .group_service-arrow-down {
            display: inline-block;
            background: url();
            width: 12px;
            height: 6px;
            background-repeat: round;
            top: -2px;
            position: relative;
            margin: 0 8px 0 0;
        }

        .index-header .top-head .top-head-contents p:hover .group_service-arrow-down {
            background: url();
        }

        .index-header .top-head .top-head-contents > p {
            margin: 0 20px;
        }

        .index-header .top-head .top-head-contents > a {
            cursor: pointer;
            padding: 0 30px;
        }

        .index-header .top-head .top-head-contents > a:first-child {
            padding: 0 0 0 30px;
        }

        .index-header .sec-head {
            width: 1200px;
            margin: 0 auto;
            position: relative;
        }

        .index-header .sec-head:after {
            display: block;
            content: 'clear';
            height: 0;
            clear: both;
            overflow: hidden;
            visibility: hidden;
        }

        .index-header .sec-head .nav-logo {
            float: left;
            margin-right: 30px;
        }

        .index-header .sec-head .nav-logo .logo {
            display: inline-block;
            width: 209px;
            height: 33px;
            background: url() no-repeat;
            margin-top: 20px;
        }

        .index-header .sec-head .nav-menu {
            float: left;
        }

        .index-header .sec-head .nav-menu li.has-submenu {
            display: inline-block;
            font-family: PingFangSC-Light;
            text-align: center;
            padding-left: 20px;
            padding-right: 20px;
        }

        .index-header .sec-head .nav-menu li.has-submenu > a {
            display: inline-block;
            height: 62px;
            line-height: 59px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #222222;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
        }

        .index-header .sec-head .nav-menu li.has-submenu .sub-menu {
            display: none;
            position: absolute;
            top: 65px;
            left: 0;
            width: 1200px;
            margin: 0 auto;
            z-index: 9;
            text-align: left;
            background: rgba(247, 249, 254, 0.7);
        }

        .index-header .sec-head .nav-menu li.has-submenu .sub-menu .sub-menu-wrap {
            height: 65px;
        }

        .index-header .sec-head .nav-menu li.has-submenu .sub-menu .sub-menu-wrap .sub-menu-item {
            display: inline-block;
            line-height: 65px;
            width: 105px;
            text-align: center;
            color: #222222;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            cursor: pointer;
        }

        .index-header .sec-head .nav-menu li.has-submenu .sub-menu .sub-menu-wrap .sub-menu-item > a {
            color: #222222;
        }

        .index-header .sec-head .nav-menu li.has-submenu .sub-menu .sub-menu-wrap .sub-menu-item:hover > a {
            color: #409eff;
        }

        .index-header .sec-head .nav-menu .has-submenu:hover > a {
            color: #409eff;
            border-bottom: 3px solid #409eff;
        }

        .index-header .sec-head .nav-menu .has-submenu:hover .sub-menu {
            display: block;
        }

        .index-header .sec-head .nav-menu .download-menu {
            display: inline-block;
            width: 105px;
            font-family: PingFangSC-Light;
            text-align: center;
        }

        .index-header .sec-head .nav-menu .download-menu a {
            display: inline-block;
            height: 62px;
            line-height: 65px;
            color: #222222;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
        }

        .index-header .sec-head .nav-menu .download-menu:hover a {
            color: #409eff;
        }

        .index-header .sec-head .login-wrap {
            cursor: pointer;
            height: 65px;
            position: absolute;
            right: 0;
        }

        .index-header .sec-head .login-wrap .login-btn-outer {
            display: inline-block;
            height: 65px;
        }

        .index-header .sec-head .login-wrap .login-btn {
            display: inline-block;
            width: 90px;
            height: 30px;
            position: relative;
            top: 18px;
            filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#36a7f1', endColorStr='#49cbfe', gradientType='0');
            background-image: -webkit-gradient(linear, left top, right top, from(#36a7f1), to(#49cbfe)), -webkit-gradient(linear, left top, left bottom, from(#32a3ef), to(#32a3ef));
            background-image: linear-gradient(90deg, #36a7f1 0%, #49cbfe 100%), linear-gradient(#32a3ef, #32a3ef);
            background-blend-mode: normal, normal;
            border-radius: 16px;
            line-height: 30px;
            text-align: center;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
        }

        .index-header .sec-head .login-wrap .login-btn a {
            color: #fff;
        }

        .index-header .sec-head .login-wrap .register-btn {
            display: inline-block;
            margin-left: 20px;
            color: #222222;
            width: 90px;
            height: 30px;
            line-height: 28px;
            position: relative;
            top: 18px;
            text-align: center;
            border: 1px solid #cccccc;
            border-radius: 16px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .index-header .sec-head .login-wrap .register-btn > a {
            color: #222222;
        }

        .index-header .sec-head .logined-wrap {
            height: 30px;
            text-align: center;
            line-height: 30px;
            background-color: #ffffff;
            border-radius: 4px;
            border: solid 1px #e5e5e5;
            float: right;
            margin-top: 16px;
            cursor: pointer;
        }

        .index-header .sec-head .logined-wrap span {
            font-family: PingFangSC-Light;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #373d42;
        }

        .index-header .sec-head .logined-wrap .logined-icon {
            display: inline-block;
            background: url();
            width: 12px;
            height: 12px;
            background-repeat: round;
            top: 2px;
            position: relative;
            margin: 0 8px;
        }

        .index-header .sec-head .logined-wrap .logined-arrow {
            display: inline-block;
            background: url();
            width: 12px;
            height: 6px;
            background-repeat: round;
            top: -2px;
            position: relative;
            margin: 0 8px;
        }

        .index-header .sec-head .logined-wrap:hover .logined-arrow {
            display: inline-block;
            background: url();
            width: 12px;
            height: 6px;
            background-repeat: round;
            top: -2px;
            position: relative;
            margin: 0 8px;
        }

        .index-header .sub-menu-bg {
            width: 100%;
            min-width: 1200px;
            position: absolute;
            top: 97px;
            background: rgba(247, 249, 254, 0.7);
            height: 65px;
            z-index: 2;
        }

        .logined-spread {
            display: block;
            position: relative;
            width: 143px;
            padding: 10px 0;
            border-radius: 5px;
            top: 1px;
            z-index: 3;
            background: #fff;
        }

        .logined-spread a {
            display: block;
            text-align: center;
            font-family: PingFangSC-Light;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 32px;
            letter-spacing: 0px;
            color: #1f2637;
        }

        .logined-spread a:hover {
            color: #409eff;
        }

        .header-popover.el-popover {
            padding: 0;
        }
    </style>
    <style type="text/css">
        .menu-breadcrumb[data-v-57c8d7d2] {
            width: 1200px;
            margin: 10px auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-items: flex-start;
        }

        .menu-breadcrumb .home[data-v-57c8d7d2] {
            width: 18px;
            height: 18px;
            background: url() no-repeat 0 0px;
            background-size: contain;
        }

        .menu-breadcrumb li[data-v-57c8d7d2] {
            list-style: none;
            margin-right: 4px;
            font-size: 14px;
            color: #666;
        }

        .menu-breadcrumb li a[data-v-57c8d7d2] {
            color: #666;
            cursor: pointer;
        }

        .menu-breadcrumb li a[data-v-57c8d7d2]:hover {
            color: #39a1ea;
        }

        /*# sourceURL=/Users/ppd-03020229/Documents/init-ppd-pages/src/components/menuBreadcrumb.vue */
        /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9wcGQtMDMwMjAyMjkvRG9jdW1lbnRzL2luaXQtcHBkLXBhZ2VzL3NyYy9jb21wb25lbnRzL21lbnVCcmVhZGNydW1iLnZ1ZSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0E7RUFDRSxjQUFjO0VBQ2Qsa0JBQWtCO0VBQ2xCLHFCQUFxQjtFQUNyQixxQkFBcUI7RUFDckIsY0FBYztFQUNkLDBCQUEwQjtNQUN0Qix1QkFBdUI7VUFDbkIsb0JBQW9CO0VBQzVCLDBCQUEwQjtDQUMzQjtBQUNEO0lBQ0ksWUFBWTtJQUNaLGFBQWE7SUFDYiwwREFBc0Q7SUFDdEQseUJBQXlCO0NBQzVCO0FBQ0Q7SUFDSSxpQkFBaUI7SUFDakIsa0JBQWtCO0lBQ2xCLGdCQUFnQjtJQUNoQixZQUFZO0NBQ2Y7QUFDRDtNQUNNLFlBQVk7TUFDWixnQkFBZ0I7Q0FDckI7QUFDRDtRQUNRLGVBQWU7Q0FDdEIiLCJmaWxlIjoibWVudUJyZWFkY3J1bWIudnVlIiwic291cmNlc0NvbnRlbnQiOlsiXG4ubWVudS1icmVhZGNydW1iW2RhdGEtdi01N2M4ZDdkMl0ge1xuICB3aWR0aDogMTIwMHB4O1xuICBtYXJnaW46IDEwcHggYXV0bztcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIGRpc3BsYXk6IC1tcy1mbGV4Ym94O1xuICBkaXNwbGF5OiBmbGV4O1xuICAtd2Via2l0LWJveC1hbGlnbjogY2VudGVyO1xuICAgICAgLW1zLWZsZXgtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWl0ZW1zOiBmbGV4LXN0YXJ0O1xufVxuLm1lbnUtYnJlYWRjcnVtYiAuaG9tZVtkYXRhLXYtNTdjOGQ3ZDJdIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgYmFja2dyb3VuZDogdXJsKFwiLi4vYXNzZXRzL2hvbWUuc3ZnXCIpIG5vLXJlcGVhdCAwIDBweDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG59XG4ubWVudS1icmVhZGNydW1iIGxpW2RhdGEtdi01N2M4ZDdkMl0ge1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgbWFyZ2luLXJpZ2h0OiA0cHg7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGNvbG9yOiAjNjY2O1xufVxuLm1lbnUtYnJlYWRjcnVtYiBsaSBhW2RhdGEtdi01N2M4ZDdkMl0ge1xuICAgICAgY29sb3I6ICM2NjY7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG4ubWVudS1icmVhZGNydW1iIGxpIGFbZGF0YS12LTU3YzhkN2QyXTpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAjMzlhMWVhO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */</style>
    <style type="text/css">
        .side-bar[data-v-19f8877c],
        .download-app-boot[data-v-19f8877c] {
            width: 220px;
            border: solid 1px #e0e0e0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .side-bar[data-v-19f8877c] {
            margin-right: 20px;
        }

        .menu-title[data-v-19f8877c] {
            padding-left: 26px;
            height: 47px;
            line-height: 47px;
            font-size: 18px;
            background: #f3f3f3;
            color: #555555;
        }

        .menu-title.my-f-l-nav-sd[data-v-19f8877c] {
            background: #409eff;
            color: #fff;
        }

        .menu-list[data-v-19f8877c] {
            background: #fafafa;
        }

        .menu-list li[data-v-19f8877c] {
            height: 40px;
            color: #666666;
            position: relative;
        }

        .menu-list li a[data-v-19f8877c] {
            width: 170px;
            margin: 6px 0;
            display: inline-block;
            color: #666666;
            padding-left: 26px;
            font-size: 14px;
            height: 28px;
            line-height: 28px;
            border-left: solid 4px #fafafa;
        }

        .menu-list li > a[data-v-19f8877c]:hover,
        .menu-list li > a.on[data-v-19f8877c] {
            display: inline-block;
            color: #000;
            border-left-color: #409eff;
        }

        .menu-list li.hassubli[data-v-19f8877c] {
            height: auto;
        }

        .menu-list li.hassubli span[data-v-19f8877c] {
            display: block;
            height: 28px;
            padding: 9px 0;
        }

        .menu-list li.hassubli span em[data-v-19f8877c] {
            font-style: normal;
            padding-left: 26px;
            cursor: pointer;
            display: block;
            height: 28px;
            line-height: 28px;
            font-size: 14px;
            color: #666;
            border-left: 4px solid #fafafa;
            background: url(//www.ppdaicdn.com/2014/img/myaccount/down.png) 160px 10px no-repeat;
        }

        .menu-list li.hassubli span em.on[data-v-19f8877c], .menu-list li.hassubli span em[data-v-19f8877c]:hover {
            border-left: 4px solid #409eff;
            color: #000;
        }

        .menu-list li.hassubli .submenu[data-v-19f8877c] {
            background: #fff;
        }

        .menu-list li.hassubli .submenu a[data-v-19f8877c] {
            background: none;
            border: none;
            padding-left: 36px;
        }

        .menu-list li.hassubli .submenu a[data-v-19f8877c]:hover, .menu-list li.hassubli .submenu a.on[data-v-19f8877c] {
            color: #409eff;
        }

        .download-app-boot[data-v-19f8877c] {
            margin-top: 10px;
            padding: 10px 0;
            background: #fafafa;
            text-align: center;
            font-size: 14px;
        }

        .download-app-boot > a[data-v-19f8877c] {
            display: block;
            margin: 0 auto;
            color: #666;
        }

        .download-app-boot > a img[data-v-19f8877c] {
            width: 130px;
            height: 130px;
        }

        /*# sourceURL=/Users/ppd-03020229/Documents/init-ppd-pages/src/components/sidebar.scss */
        /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9wcGQtMDMwMjAyMjkvRG9jdW1lbnRzL2luaXQtcHBkLXBhZ2VzL3NyYy9jb21wb25lbnRzL3NpZGViYXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0E7O0VBRUUsYUFBYTtFQUNiLDBCQUEwQjtFQUMxQiwrQkFBK0I7VUFDdkIsdUJBQXVCO0NBQ2hDO0FBQ0Q7RUFDRSxtQkFBbUI7Q0FDcEI7QUFDRDtFQUNFLG1CQUFtQjtFQUNuQixhQUFhO0VBQ2Isa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixvQkFBb0I7RUFDcEIsZUFBZTtDQUNoQjtBQUNEO0lBQ0ksb0JBQW9CO0lBQ3BCLFlBQVk7Q0FDZjtBQUNEO0VBQ0Usb0JBQW9CO0NBQ3JCO0FBQ0Q7SUFDSSxhQUFhO0lBQ2IsZUFBZTtJQUNmLG1CQUFtQjtDQUN0QjtBQUNEO01BQ00sYUFBYTtNQUNiLGNBQWM7TUFDZCxzQkFBc0I7TUFDdEIsZUFBZTtNQUNmLG1CQUFtQjtNQUNuQixnQkFBZ0I7TUFDaEIsYUFBYTtNQUNiLGtCQUFrQjtNQUNsQiwrQkFBK0I7Q0FDcEM7QUFDRDs7TUFFTSxzQkFBc0I7TUFDdEIsWUFBWTtNQUNaLDJCQUEyQjtDQUNoQztBQUNEO01BQ00sYUFBYTtDQUNsQjtBQUNEO1FBQ1EsZUFBZTtRQUNmLGFBQWE7UUFDYixlQUFlO0NBQ3RCO0FBQ0Q7VUFDVSxtQkFBbUI7VUFDbkIsbUJBQW1CO1VBQ25CLGdCQUFnQjtVQUNoQixlQUFlO1VBQ2YsYUFBYTtVQUNiLGtCQUFrQjtVQUNsQixnQkFBZ0I7VUFDaEIsWUFBWTtVQUNaLCtCQUErQjtVQUMvQixxRkFBcUY7Q0FDOUY7QUFDRDtZQUNZLCtCQUErQjtZQUMvQixZQUFZO0NBQ3ZCO0FBQ0Q7UUFDUSxpQkFBaUI7Q0FDeEI7QUFDRDtVQUNVLGlCQUFpQjtVQUNqQixhQUFhO1VBQ2IsbUJBQW1CO0NBQzVCO0FBQ0Q7WUFDWSxlQUFlO0NBQzFCO0FBQ0Q7RUFDRSxpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLG9CQUFvQjtFQUNwQixtQkFBbUI7RUFDbkIsZ0JBQWdCO0NBQ2pCO0FBQ0Q7SUFDSSxlQUFlO0lBQ2YsZUFBZTtJQUNmLFlBQVk7Q0FDZjtBQUNEO01BQ00sYUFBYTtNQUNiLGNBQWM7Q0FDbkIiLCJmaWxlIjoic2lkZWJhci5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXG4uc2lkZS1iYXJbZGF0YS12LTE5Zjg4NzdjXSxcbi5kb3dubG9hZC1hcHAtYm9vdFtkYXRhLXYtMTlmODg3N2NdIHtcbiAgd2lkdGg6IDIyMHB4O1xuICBib3JkZXI6IHNvbGlkIDFweCAjZTBlMGUwO1xuICAtd2Via2l0LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cbi5zaWRlLWJhcltkYXRhLXYtMTlmODg3N2NdIHtcbiAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xufVxuLm1lbnUtdGl0bGVbZGF0YS12LTE5Zjg4NzdjXSB7XG4gIHBhZGRpbmctbGVmdDogMjZweDtcbiAgaGVpZ2h0OiA0N3B4O1xuICBsaW5lLWhlaWdodDogNDdweDtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBiYWNrZ3JvdW5kOiAjZjNmM2YzO1xuICBjb2xvcjogIzU1NTU1NTtcbn1cbi5tZW51LXRpdGxlLm15LWYtbC1uYXYtc2RbZGF0YS12LTE5Zjg4NzdjXSB7XG4gICAgYmFja2dyb3VuZDogIzQwOWVmZjtcbiAgICBjb2xvcjogI2ZmZjtcbn1cbi5tZW51LWxpc3RbZGF0YS12LTE5Zjg4NzdjXSB7XG4gIGJhY2tncm91bmQ6ICNmYWZhZmE7XG59XG4ubWVudS1saXN0IGxpW2RhdGEtdi0xOWY4ODc3Y10ge1xuICAgIGhlaWdodDogNDBweDtcbiAgICBjb2xvcjogIzY2NjY2NjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ubWVudS1saXN0IGxpIGFbZGF0YS12LTE5Zjg4NzdjXSB7XG4gICAgICB3aWR0aDogMTcwcHg7XG4gICAgICBtYXJnaW46IDZweCAwO1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgY29sb3I6ICM2NjY2NjY7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDI2cHg7XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBoZWlnaHQ6IDI4cHg7XG4gICAgICBsaW5lLWhlaWdodDogMjhweDtcbiAgICAgIGJvcmRlci1sZWZ0OiBzb2xpZCA0cHggI2ZhZmFmYTtcbn1cbi5tZW51LWxpc3QgbGkgPiBhW2RhdGEtdi0xOWY4ODc3Y106aG92ZXIsXG4gICAgLm1lbnUtbGlzdCBsaSA+IGEub25bZGF0YS12LTE5Zjg4NzdjXSB7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBjb2xvcjogIzAwMDtcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiAjNDA5ZWZmO1xufVxuLm1lbnUtbGlzdCBsaS5oYXNzdWJsaVtkYXRhLXYtMTlmODg3N2NdIHtcbiAgICAgIGhlaWdodDogYXV0bztcbn1cbi5tZW51LWxpc3QgbGkuaGFzc3VibGkgc3BhbltkYXRhLXYtMTlmODg3N2NdIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGhlaWdodDogMjhweDtcbiAgICAgICAgcGFkZGluZzogOXB4IDA7XG59XG4ubWVudS1saXN0IGxpLmhhc3N1YmxpIHNwYW4gZW1bZGF0YS12LTE5Zjg4NzdjXSB7XG4gICAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgICAgIHBhZGRpbmctbGVmdDogMjZweDtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgaGVpZ2h0OiAyOHB4O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyOHB4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgICBjb2xvcjogIzY2NjtcbiAgICAgICAgICBib3JkZXItbGVmdDogNHB4IHNvbGlkICNmYWZhZmE7XG4gICAgICAgICAgYmFja2dyb3VuZDogdXJsKC8vd3d3LnBwZGFpY2RuLmNvbS8yMDE0L2ltZy9teWFjY291bnQvZG93bi5wbmcpIDE2MHB4IDEwcHggbm8tcmVwZWF0O1xufVxuLm1lbnUtbGlzdCBsaS5oYXNzdWJsaSBzcGFuIGVtLm9uW2RhdGEtdi0xOWY4ODc3Y10sIC5tZW51LWxpc3QgbGkuaGFzc3VibGkgc3BhbiBlbVtkYXRhLXYtMTlmODg3N2NdOmhvdmVyIHtcbiAgICAgICAgICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgIzQwOWVmZjtcbiAgICAgICAgICAgIGNvbG9yOiAjMDAwO1xufVxuLm1lbnUtbGlzdCBsaS5oYXNzdWJsaSAuc3VibWVudVtkYXRhLXYtMTlmODg3N2NdIHtcbiAgICAgICAgYmFja2dyb3VuZDogI2ZmZjtcbn1cbi5tZW51LWxpc3QgbGkuaGFzc3VibGkgLnN1Ym1lbnUgYVtkYXRhLXYtMTlmODg3N2NdIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDM2cHg7XG59XG4ubWVudS1saXN0IGxpLmhhc3N1YmxpIC5zdWJtZW51IGFbZGF0YS12LTE5Zjg4NzdjXTpob3ZlciwgLm1lbnUtbGlzdCBsaS5oYXNzdWJsaSAuc3VibWVudSBhLm9uW2RhdGEtdi0xOWY4ODc3Y10ge1xuICAgICAgICAgICAgY29sb3I6ICM0MDllZmY7XG59XG4uZG93bmxvYWQtYXBwLWJvb3RbZGF0YS12LTE5Zjg4NzdjXSB7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG4gIHBhZGRpbmc6IDEwcHggMDtcbiAgYmFja2dyb3VuZDogI2ZhZmFmYTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBmb250LXNpemU6IDE0cHg7XG59XG4uZG93bmxvYWQtYXBwLWJvb3QgPiBhW2RhdGEtdi0xOWY4ODc3Y10ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGNvbG9yOiAjNjY2O1xufVxuLmRvd25sb2FkLWFwcC1ib290ID4gYSBpbWdbZGF0YS12LTE5Zjg4NzdjXSB7XG4gICAgICB3aWR0aDogMTMwcHg7XG4gICAgICBoZWlnaHQ6IDEzMHB4O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */</style>
    <style type="text/css">
        .self-footer {
            width: 100%;
            height: 418px;
            background-color: #313b50;
            min-width: 1200px;
        }

        .self-footer .self-footer-inner {
            width: 1200px;
            margin: 0 auto;
            padding-top: 40px;
        }

        .self-footer .self-footer-inner .footer-l1 {
            width: 100%;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-sitemap {
            width: 500px;
            float: left;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-sitemap > div.footer-sitemap-split {
            float: left;
            width: 33.3%;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-sitemap > div.footer-sitemap-split p {
            font-family: PingFangSC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 28px;
            letter-spacing: 0px;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-sitemap > div.footer-sitemap-split .sitemap-title {
            color: #ffffff;
            margin-bottom: 30px;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-sitemap > div.footer-sitemap-split .sitemap-item {
            color: #a9b1c1;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-qrcode {
            float: left;
            margin-left: 90px;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-qrcode .footer-qrcode-split {
            display: inline-block;
            text-align: center;
            margin-right: 50px;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-qrcode .footer-qrcode-split > img {
            width: 108px;
            height: 108px;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-qrcode .footer-qrcode-split > p {
            font-family: PingFangSC-Regular;
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 28px;
            letter-spacing: 0px;
            color: #a9b1c1;
            margin-top: 10px;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-qrcode .footer-qrcode-split:last-child {
            margin-right: 0;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact {
            float: right;
            text-align: right;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact .contact-title {
            font-family: PingFangSC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 28px;
            letter-spacing: 0px;
            color: #ffffff;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact .service-call {
            margin-top: 10px;
            font-family: PingFangSC-Regular;
            font-size: 20px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #ffffff;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact .service-time {
            font-family: PingFangSC-Regular;
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #717e8b;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact .complain-wrap {
            margin-top: 10px;
            cursor: pointer;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #9ca4b5;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact .complain-wrap .complain-line {
            display: none;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact .complain-wrap:hover .complain-line {
            display: inline-block;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact .contact-contents .contact-contents-item {
            cursor: pointer;
            font-family: PingFangSC-Light;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 28px;
            letter-spacing: 0px;
            color: #9ca4b5;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact .contact-contents > a {
            margin-right: 20px;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact .contact-contents > a:last-child {
            margin-right: 0;
        }

        .self-footer .self-footer-inner .footer-l1 .footer-contact .contact-contents .contact-item-img {
            width: 18px;
            height: 18px;
            position: relative;
            top: 5px;
            right: 3px;
        }

        .self-footer .self-footer-inner .footer-split-line {
            width: 1200px;
            height: 1px;
            background-color: #3e4c69;
            margin: 246px auto 0;
        }

        .self-footer .self-footer-inner .footer-l2 {
            padding-top: 30px;
            text-align: center;
        }

        .self-footer .self-footer-inner .footer-l2 .footer-l2-imgs a {
            cursor: pointer;
            margin-right: 10px;
        }

        .self-footer .self-footer-inner .footer-l2 .footer-l2-imgs a:last-child {
            margin-right: 0;
        }

        .self-footer .self-footer-inner .footer-l2 .footer-l2-rights {
            font-family: PingFangSC-Regular;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 28px;
            letter-spacing: 0px;
            color: #717e8b;
        }

        .self-footer .self-footer-inner .footer-l2 .footer-l2-rights a {
            color: #717e8b;
            cursor: pointer;
        }
    </style>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"/>
</head>
<body class="">
<div id="app">
    <div data-v-c2f7a0fa="" data-v-45850deb="" class="loan-index">
        <div class="index-header">
            <div class="top-head">
                <div class="top-head-contents"><span><div role="tooltip" id="el-popover-8675" aria-hidden="true"
                                                          class="el-popover el-popper header-popover" tabindex="0"
                                                          style="display: none;"><!----><div slot=""
                                                                                             class="logined-spread"><a
                        href="//group.ppdai.com">论坛</a> <a href="//help.ppdai.com">客服大厅</a></div> </div><div
                        class="forum-wrap el-popover__reference" aria-describedby="el-popover-8675" tabindex="0"><a><p
                        class="is-tab">
              论坛/客服
              <i class="group_service-arrow-down"></i></p></a></div></span>
                    <p>|</p> <a href="//ir.ppdai.com/"><p class="is-tab">INVESTORS</p></a></div>
            </div>
            <div class="sec-head">
                <div class="nav-logo"><a href="//www.ppdai.com" class="logo">&nbsp;</a></div>
                <ul class="nav-menu">
                    <li class="has-submenu"><a href="https://tz.ppdai.com/resplendent/list" target="_self">新彩虹</a>
                        <div class="sub-menu">
                            <ul class="sub-menu-wrap">
                                <li class="sub-menu-item"><a target="_self"
                                                             href="https://tz.ppdai.com/resplendent/list">新彩虹</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="has-submenu"><a href="https://invest.ppdai.com/loan/listnew" target="_self">散标</a>
                        <div class="sub-menu">
                            <ul class="sub-menu-wrap">
                                <li class="sub-menu-item"><a target="_self"
                                                             href="https://invest.ppdai.com/loan/listnew">散标</a></li>
                                <li class="sub-menu-item"><a target="_self"
                                                             href="https://transfer.ppdai.com/buy/listNew">债权转让</a></li>
                                <li class="sub-menu-item"><a target="_self" href="https://invstrat.ppdai.com/">策略达人</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="has-submenu"><a href="//loan.ppdai.com/borrow" target="_self">我要借款</a>
                        <div class="sub-menu">
                            <ul class="sub-menu-wrap">
                                <li class="sub-menu-item"><a target="_self" href="//loan.ppdai.com/borrow">我要借款</a></li>
                                <li class="sub-menu-item"><a target="_self"
                                                             href="/main.html/loan.ppdai.com/account/repaymentlist">我要还款</a>
                                </li>
                                <li class="sub-menu-item"><a target="_self"
                                                             href="//www.ppdai.com/borrow/interestcalculate">利息计算器</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="has-submenu"><a href="https://tz.ppdai.com/account/indexV2" target="_self">我的账户</a>
                        <div class="sub-menu">
                            <ul class="sub-menu-wrap">
                                <li class="sub-menu-item"><a target="_self"
                                                             href="//loan.ppdai.com/account/borrow">借款账户</a></li>
                                <li class="sub-menu-item"><a target="_self" href="https://tz.ppdai.com/account/indexV2">出借账户</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="has-submenu"><a href="//tz.ppdai.com/compliance/baseInfo" target="_self">信息披露</a>
                        <div class="sub-menu">
                            <ul class="sub-menu-wrap">
                                <li class="sub-menu-item"><a target="_self" href="//tz.ppdai.com/compliance/baseInfo">信息披露</a>
                                </li>
                                <li class="sub-menu-item"><a target="_self" href="//www.ppdai.com/help/aboutus">关于我们</a>
                                </li>
                                <li class="sub-menu-item"><a target="_self"
                                                             href="//www.ppdai.com/help/howworks">工作原理</a></li>
                                <li class="sub-menu-item"><a target="_self"
                                                             href="https://app.mokahr.com/campus_apply/paipaidai/395">招贤纳士</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <span><div role="tooltip" id="el-popover-3602" aria-hidden="true"
                               class="el-popover el-popper header-popover" tabindex="0" style="display: none;"><!----><div
                            slot="" class="download-popover"><div class="down-wrap"><div class="down-left"><img
                            src="//www.ppdaicdn.com/pages/img/download1.png" class="down-img"/></div> <div
                            class="down-right"><img
                            src=""
                            class="icon-img"/> <p class="down-tip-strong">拍拍贷app</p> <p
                            class="down-tip">注册立送1999元出借大礼包</p></div></div> <div class="split-line"></div> <div
                            class="down-wrap"><div class="down-left"><img
                            src="//www.ppdaicdn.com/pages/img/download3.png"/></div> <div class="down-right"><img
                            src=""
                            class="icon-img"/> <p class="down-tip-strong">拍拍贷借款app</p> <p
                            class="down-tip">简单 易申请 到账快</p></div></div></div> </div><li
                            class="download-menu el-popover__reference" aria-describedby="el-popover-3602" tabindex="0"><a
                            href="//www.ppdai.com/landingappdownload.html" target="_blank">APP下载</a></li></span></ul>
                <!----> <span><div role="tooltip" id="el-popover-1310" aria-hidden="true"
                                   class="el-popover el-popper header-popover" tabindex="0" style="display: none;"><!----><div
                    slot="" class="logined-spread"><a href="//tz.ppdai.com/account/indexV2">出借账户</a> <a
                    href="//loan.ppdai.com/account/borrow">借款账户</a> <a href="//ac.ppdai.com/xuser/logout">退出登录</a></div> </div><div
                    class="logined-wrap el-popover__reference" aria-describedby="el-popover-1310" tabindex="0"><a><i
                    class="logined-icon"></i> <span class="logined-name">pdu***1352</span> <i class="logined-arrow"></i></a></div></span>
            </div>
            <div class="sub-menu-bg" style="display: none;"></div>
        </div>
        <div data-v-c2f7a0fa="" class="main-container clear-float">
            <ul data-v-57c8d7d2="" class="menu-breadcrumb">
                <li data-v-57c8d7d2="" class="home"></li>
                <li data-v-57c8d7d2=""><a data-v-57c8d7d2="" href="https://www.ppdai.com">首页</a></li>
                <li data-v-57c8d7d2="">&gt;</li>
                <li data-v-57c8d7d2=""><a data-v-57c8d7d2=""
                                          href="https://loan.ppdai.com/account/repaymentlist">借款管理</a></li>
                <li data-v-57c8d7d2="">&gt;</li>
                <li data-v-57c8d7d2=""><a data-v-57c8d7d2=""
                                          href="https://loan.ppdai.com/account/repaymentlist">我的借款</a></li>
                <li data-v-57c8d7d2="">&gt;</li>
                <li data-v-57c8d7d2=""><a data-v-57c8d7d2="" href="#">还款中列表</a></li> <!----></ul>
            <div data-v-c2f7a0fa="" class="sider-container">
                <div data-v-19f8877c="" class="side-bar-wrapper">
                    <div data-v-19f8877c="" class="side-bar">
                        <div data-v-19f8877c="" class="menu-title">我的账户</div>
                        <ul data-v-19f8877c="" class="menu-list">
                            <li data-v-19f8877c="" class=""><a data-v-19f8877c=""
                                                               class="">我的账户首页</a></li>
                        </ul>
                        <div data-v-19f8877c="" class="menu-title">借款管理</div>
                        <ul data-v-19f8877c="" class="menu-list">
                            <li data-v-19f8877c="" class=""><a data-v-19f8877c=""
                                                               th:href="@{'/main?userId='+${session.currentUser.userId}}"
                                                               class="">我的借款</a>
                            </li>
                            <li data-v-19f8877c="" class=""><a data-v-19f8877c=""
                                                               th:href="@{'/mainRep?userId='+${session.currentUser.userId}}"
                                                               class="">我的还款</a>
                            </li>
                        </ul>
                        <div data-v-19f8877c="" class="menu-title my-f-l-nav-sd">在线下单</div>
                        <ul data-v-19f8877c="" class="menu-list">
                            <li data-v-19f8877c="" class=""><a data-v-19f8877c=""
                                                               href="/order"
                                                               class="on">在线下单</a></li>
                        </ul>
                    </div> <!----></div>
            </div>
            <div data-v-45850deb="" data-v-c2f7a0fa="" class="content-repaymentList">
                <div data-v-b2dfe72c="" data-v-45850deb="" class="list-navbars length-2" data-v-c2f7a0fa="">
                    <div data-v-b2dfe72c="" class="list-navbar cur">
                        下单
                    </div>
                </div>
                <div data-v-45850deb="" data-v-c2f7a0fa="" id="app1">
                    <!--TODO-->
                    <template>
                        <el-table
                                :data="tableData"
                                style="width: 100%">
                            <el-table-column
                                    prop="userName"
                                    label="用户名"
                                    width="180">
                            </el-table-column>
                            <el-table-column
                                    prop="price"
                                    label="应还款额"
                                    width="180">
                            </el-table-column>
                            <el-table-column
                                    prop="repDate"
                                    label="应还款日">
                            </el-table-column>
                            <el-table-column label="状态">
                                <template slot-scope="scope">
                                    <el-button v-if="new Date(scope.row.repDate) &lt; new Date()" type="primary" v-on:click="handleRep(scope.row.repId)" size="mini">还款</el-button>
                                    <el-tag  v-if="new Date(scope.row.repDate) &gt; new Date()">待还款</el-tag>
                                </template>
                            </el-table-column>
                        </el-table>
                    </template>
                </div>
            </div>
        </div>
        <div class="self-footer">
            <div class="self-footer-inner">
                <div class="footer-l1">
                    <div class="footer-sitemap">
                        <div class="footer-sitemap-split"><p class="sitemap-title">关于我们</p> <a
                                href="//www.ppdai.com/help/aboutus" target="_blank"><p class="sitemap-item">公司简介</p></a>
                            <a href="//tz.ppdai.com/compliance/leader" target="_blank"><p class="sitemap-item">管理团队</p>
                            </a> <a href="//www.ppdai.com/help/mediaReports" target="_blank"><p class="sitemap-item">
                                公司新闻</p></a></div>
                        <div class="footer-sitemap-split"><p class="sitemap-title">业务介绍</p> <a
                                href="//www.ppdai.com/help/howworks" target="_blank"><p class="sitemap-item">工作原理</p>
                        </a> <a href="//www.ppdai.com/landinginvestment.html" target="_blank"><p class="sitemap-item">
                            商务合作</p></a></div>
                        <div class="footer-sitemap-split"><p class="sitemap-title">安全保障</p> <a
                                href="//tz.ppdai.com/compliance/laws" target="_blank"><p class="sitemap-item">法律法规</p>
                        </a> <a href="//www.ppdai.com/help/principalprotection" target="_blank"><p class="sitemap-item">
                            安全保障</p></a> <a href="//landing.ppdaicdn.com/againstcheat.html" target="_blank"><p
                                class="sitemap-item">反舞弊专线</p></a> <a
                                href="//www.ppdaicdn.com/2019/pdf/privacy_policy.pdf" target="_blank"><p
                                class="sitemap-item">用户隐私政策</p></a> <a href="//landing.ppdaicdn.com/PC_Terms.html"
                                                                       target="_blank"><p class="sitemap-item">
                            用户服务协议</p></a></div>
                    </div>
                    <div class="footer-qrcode">
                        <div class="footer-qrcode-split"><img src="//www.ppdaicdn.com/pages/img/qrcode1.png"/>
                            <p>拍拍贷出借服务号</p></div>
                        <div class="footer-qrcode-split"><img src="//www.ppdaicdn.com/pages/img/qrcode2@2x.png"/>
                            <p>拍拍贷出借订阅号</p></div>
                    </div>
                    <div class="footer-contact"><p class="contact-title">联系我们</p>
                        <p class="service-call">400-184-8888</p>
                        <p class="service-time">服务时间: 08:00-20:00</p>
                        <p class="complain-wrap"><span class="complain-line">400-1080-190（9:00-18:00）</span>投诉热线
                        </p>
                        <p class="contact-contents"><a href="//help.ppdai.com/" target="_blank"><span
                                class="contact-contents-item"><img
                                src=""
                                class="contact-item-img service-icon"/>在线客服
            </span></a> <a href="//weibo.com/ppdai07" target="_blank"><span class="contact-contents-item"><img
                                src=""
                                class="contact-item-img weibo-icon"/>新浪微博
            </span></a></p></div>
                </div>
                <div class="footer-split-line"></div>
                <div class="footer-l2">
                    <div class="footer-l2-imgs"><a
                            href="//www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502000216"
                            target="_blank"><img
                            src=""/></a>
                        <a href="//218.242.124.22:8082/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020160602102817000000881686-SAIC_SHOW_310000-2013112011475599500&amp;signData=MEUCIQDJzR3k72iO8bSAiXvkeoUqgcgW7byABuLcKRjjFcGs6QIgcP10r2vGY8ic2MUs+WXsukArYioWyRiFWHd2BbzQd0A="
                           target="_blank"><img src="//www.ppdaicdn.com/pages/img/logo2@1x.png"/></a> <a
                                href="//trustsealinfo.websecurity.norhrefn.com/splash?form_file=fdf/splash.fdf&amp;dn=ac.ppdai.com&amp;lang=zh_cn"
                                target="_blank"><img
                                src=""/></a>
                        <a href="//www.shjbzx.cn/" target="_blank"><img
                                src=""/></a>
                    </div>
                    <p class="footer-l2-rights">
                        Copyright Reserved 2007-2019©拍拍贷 |
                        <a href="//www.miitbeian.gov.cn/">沪ICP备05063398号</a>
                        | 上海拍拍贷金融信息服务有限公司
                    </p></div>
            </div>
        </div>
    </div>
    <input id="userIdContain" th:value="${session.currentUser.userId}" />
</div>
</body>
<script src="/js/jquery.js"></script>
<!-- import Vue before Element -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript">
    var repFront = new Vue({
        el: '#app1',
        data: {
            tableData: []
        },
        created() {
            this.fetchData()
        },
        methods: {
            fetchData() {
                axios.get('http://localhost:8002/getAll/' + $("#userIdContain").val()).then(function (response) {
                    repFront.$data.tableData = response.data;
                }).catch(function (error) {
                    console.log(error);
                });
            },
            handleRep(repId){
                axios.get('http://localhost:8002/doneRep/' + String(repId)).then(function (response) {
                    console.log(response.data);
                    repFront.fetchData()
                }).catch(function (error) {
                    console.log(error);
                });
            },
        }
    });
</script>
</html>